@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.animated.infinite {animation-iteration-count: infinite;}

/* 旋转 */
	@keyframes rotate {
		0% {transform: rotate(0deg);}
		to {transform: rotate(1turn);}
	}

	.#{$ns-ani}rotate {
		animation-name: rotate;
		transform-origin: center bottom;
	}

/* 弹跳 */
	@keyframes bounce {
		from,
		20%,
		53%,
		80%,
		to {
			animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			transform: translate3d(0, 0, 0);
		}
		40%,
		43% {
			animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			transform: translate3d(0, -30px, 0);
		}
		70% {
			animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			transform: translate3d(0, -15px, 0);
		}
		90% {
			transform: translate3d(0, -4px, 0);
		}
	}

	.#{$ns-ani}bounce {
		animation-name: bounce;
		transform-origin: center bottom;
	}

/* 闪烁 */
	@keyframes flash {
		from, 50%, to {opacity: 1;}
		25%, 75% {opacity: 0;}
	}

	.#{$ns-ani}flash {animation-name: flash;}

/* 脉冲 */
	@keyframes pulse {
		from {transform: scale3d(1, 1, 1);}
		50% {transform: scale3d(1.05, 1.05, 1.05);}
		to {transform: scale3d(1, 1, 1);}
	}

  	.#{$ns-ani}pulse {animation-name: pulse;}

/* 摇摆 */
	  @keyframes shake {
		from, to {transform: translate3d(0, 0, 0);}
		10%, 30%, 50%, 70%, 90% {transform: translate3d(-10px, 0, 0);}
		20%, 40%, 60%, 80% {transform: translate3d(10px, 0, 0);}
	  }

	  .#{$ns-ani}shake {animation-name: shake;}

/* 抖动 */
	@keyframes tada {
		from {transform: scale3d(1, 1, 1);}
		10%, 20% {transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
		30%, 50%, 70%, 90% {transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
		40%, 60%, 80% {transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
		to {transform: scale3d(1, 1, 1);}
	}

	.#{$ns-ani}tada {animation-name: tada;}
